<template>
  <div class="payment">
    <!--<div class="head">-->
      <!--<x-header :left-options="{backText: ''}">确认订单</x-header>-->
    <!--</div>-->
    <div class="head">
      <i class="iconfont head-icon" @click="comeBack">&#xe689;</i>
      亲青筹
      <!--捐赠排名-->
    </div>
    <div class="content-yongtu">
      <div class="jieshou">
        <i class="iconfont iconfont-qipao">&#xe61c;</i><span>捐款接受</span>
        <p>{{accept}}</p>
      </div>
      <div class="jieshou">
        <i class="iconfont iconfont-qipao">&#xe61c;</i><span>捐款用途</span>
        <p v-for="(lists, index) in list">{{index+1}}. {{lists.heleWay}}</p>
      </div>
    </div>
    <div class="content-zhuti">
      <p>认捐主题：<span v-html="theme"></span></p>
      <p>认捐金额：<em>{{money}}</em>元</p>
      <p class="moshi">捐助模式：
        <x-switch title="" v-model="ifshow"></x-switch>
        <span>{{isGongkai}}</span>
      </p>

    </div>
    <div class="content-btn">
      <div class="weixinBtn" @click="weixin"><i class="iconfont iconfont-weixin">&#xe68f;</i> <span>微信支付</span></div>
      <div class="zhifubaoBtn" @click="zhifubao"><i class="iconfont iconfont-zhifubao">&#xe6f9;</i> <span>支付宝</span></div>
    </div>
  </div>
</template>

<script src="./payment.js"></script>
